<!--
	修改密码
-->
	
<div class="md-modal md-effect-2" id="modal-111">
	<div class="md-content">
		<div class="modal-header">
			<button class="md-close close"  >&times;</button>
			<h4 class="modal-title">修改密码</h4>
		</div>
		<div class="modal-body">
			<form role="form">
			
				<div class="form-group">
					<label  >原密码</label>
					 <input  class="form-control"  ng-model="manager.password" type="password"   >
				</div>
				<div class="form-group">
					<label  >新密码</label>
					 <input  class="form-control" id="new_password" ng-model="manager.new_password"  type="password"   onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" >
				</div>
				<div class="form-group">
					<label  >确认密码</label>
					 <input  class="form-control" ng-model="manager.qnew_password"  type="password" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"  >
				</div>
				
			</form>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-primary"  ng-click="changePassword(manager)"  >保存</button>

		</div>
	</div>
</div>



<header class="navbar" id="header-navbar">
	<div class="container">
        <div class="pull-left"><img src="img/logo.png" style="margin-top:2px;"></div>
		<div class="pull-left"> 
			<!--<a href="../home/index.html" id="logo" class="navbar-brand">
				<img src="../img/logo.png" alt="" class="normal-logo logo-white"/>
				<img src="../../default/img/logo-black.png" alt="" class="normal-logo logo-black"/>
				<img src="../../default/img/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden"/>
			</a>-->
			<!--<div id="Timer"></div>-->
		</div>
		<div class="clearfix">
			<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
			<span class="sr-only">Toggle navigation</span>
			<span class="fa fa-bars"></span>
			</button>
			<div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs">
				<ul class="nav navbar-nav pull-left">
					<li>
						<a class="btn" id="make-small-nav" onclick="javascript:$('#page-wrapper').toggleClass('nav-small');">
							<i class="fa fa-bars"></i>
						</a>
					</li>
				</ul>
			</div>
			<div class="nav-no-collapse pull-right" id="header-nav">
				<ul class="nav navbar-nav pull-right">
					<li class="mobile-search" style="display: none;">
						<a class="btn">
							<i class="fa fa-search"></i>
						</a>
						<div class="drowdown-search">
							<form role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="请输入关键字">
									<i class="fa fa-search nav-search-icon"></i>
								</div>
							</form>
						</div>
					</li>
					<li class="dropdown hidden-xs" style="display: none;">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-warning"></i>
							<span class="count">8</span>
						</a>
						<ul class="dropdown-menu notifications-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
								</div>
							</li>
							<li class="item-header">You have 6 new notifications</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-comment"></i>
									<span class="content">New comment on ‘Awesome P...</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-plus"></i>
									<span class="content">New user registration</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-envelope"></i>
									<span class="content">New Message from George</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-shopping-cart"></i>
									<span class="content">New purchase</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-eye"></i>
									<span class="content">New order</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all notifications
								</a>
							</li>
						</ul>
					</li>
					<li class="dropdown hidden-xs" style="display: none;">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope-o"></i>
							<span class="count">16</span>
						</a>
						<ul class="dropdown-menu notifications-list messages-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
								</div>
							</li>
							<li class="item first-item">
								<a href="#">
									<img src="../default/img/samples/messages-photo-1.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											George Clooney
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="../../default/img/samples/messages-photo-2.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Emma Watson
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="../../default/img/samples/messages-photo-3.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Robert Downey Jr.
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all messages
								</a>
							</li>
						</ul>
					</li>
					<li class="hidden-xs" title="设置">
						<a class="btn">
							<i class="fa fa-cog"></i>
						</a>
					</li>
					<li class="dropdown profile-dropdown">
                        <a  href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                            <img style="display: none;" src="img/samples/scarlet-159.png" alt="">
                            <span class="hidden-xs">{{manage_account}}</span> <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                        	<li><a href="javascript:void(0);" class="md-trigger" data-modal="modal-111"><i  class=" fa fa-cog"></i>密码修改</a></li>
                            <li><a href="javascript:void(0);" ng-click="loginout()"><i class="fa fa-power-off"></i>退出</a></li>
                        </ul>
					</li>
					<li class="hidden-xxs">
						<a class="btn" ng-click="loginout()" title="退出">
							<i class="fa fa-power-off"></i>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</header>
<div class="md-overlay"></div>
<script src="../default/js/modernizr.custom.js"></script>
<script src="../default/js/classie.js"></script>
<script src="../default/js/modalEffects.js"></script>
<script type="text/javascript" >
	$('.mobile-search').click(function(e) {
		e.preventDefault();
		$('.mobile-search').addClass('active');
		$('.mobile-search form input.form-control').focus();
	});
	$(window).scroll(function(){
	    if ($(this).scrollTop() < 200) {
	        $('#totop') .fadeOut();
	} else {
	    $('#totop') .fadeIn();
	    }
	});
	$('#totop').on('click', function(){
		$('html, body').animate({
			scrollTop:0
		}, 'fast');
		        return false;
    });
    $(function() {  
		setInterval("GetTime()", 1000);  
	});  
	function GetTime() {  
	    var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;  
		mon = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月",  
		"九月", "十月", "十一月", "十二月");  
		day = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");  
		now = new Date();  
		hour = now.getHours();  
		min = now.getMinutes();  
		sec = now.getSeconds();  
		if (hour < 10) {  
		    hour = "0" + hour;  
		}  
		if (min < 10) {  
		    min = "0" + min;  
		}  
		if (sec < 10) {  
		    sec = "0" + sec;  
		}  
		$("#Timer").html(  
		""  + 
		now.getFullYear()+"-"+(now.getMonth()+1)+"-"+now.getDate()+
		"   "+day[now.getDay()]+ " " + hour  
		+ ":" + min + ":" + sec + ""
		                      );  
    }  
    
function init() {
	
	var overlay = document.querySelector('.md-overlay');
	[].slice.call(document.querySelectorAll('.md-trigger')).forEach(function(el, i) {
		var modal = document.querySelector('#' + el.getAttribute('data-modal')),
			close = modal.querySelector('.md-close');
		function removeModal(hasPerspective) {
			classie.remove(modal, 'md-show');
			if (hasPerspective) {
				classie.remove(document.documentElement, 'md-perspective');
			}
		}

		function removeModalHandler() {
			removeModal(classie.has(el, 'md-setperspective'));
		}
		el.addEventListener('click', function(ev) {
			console.log(modal);
			classie.add(modal, 'md-show');
			overlay.removeEventListener('click', removeModalHandler);
			overlay.addEventListener('click', removeModalHandler);
			if (classie.has(el, 'md-setperspective')) {
				setTimeout(function() {
					classie.add(document.documentElement, 'md-perspective');
				}, 25);
			}
		});
		close.addEventListener('click', function(ev) {
			ev.stopPropagation();
			removeModalHandler();
		});
		$(document).keyup(function(e) {
			if (e.keyCode == 27) {
				e.stopPropagation();
				removeModalHandler();
			}
		});
	});
}
function closeMod(){
	$(".md-close").click();
}
init();   
</script>
<a id="totop" href="#"><i class="fa fa-angle-up"></i></a>